<template>
	<div >
		<div class="my-body">
		<div >
			<div style="width:100%; float: left;">
				<div class="ipt_a">
					<div style="float: left; line-height: 30px;"  class="tab_font-size">经销商：</div>
					<el-input v-model="input" placeholder="请输入内容"
						style=" width: 140px;height: 50px; float: left;"></el-input>
				</div>
				<div class="ipt_a">
					<div style="float: left; line-height: 30px;"  class="tab_font-size">授权医院：</div>
					<el-input v-model="input" placeholder="请输入内容"
						style=" width: 140px;height: 50px; float: left;"></el-input>
					
				</div>
				<div class="ipt_a">
					<div style="float: left; line-height: 30px;"  class="tab_font-size">经销商筛选：</div>
					
					<el-select v-model="form.region" placeholder="" style=" width: 130px;height: 50px; float: left;">
						<el-option label="全部" value="shanghai"></el-option>
						<el-option label="待审核" value="shanghai"></el-option>
					</el-select>
				</div>
				<div class="ipt_a">
					<div style="float: left; line-height: 30px;"  class="tab_font-size">订货状态：</div>
					<el-select v-model="form.region" placeholder="" style=" width: 130px;height: 50px; float: left;">
						<el-option label="全部" value="shanghai"></el-option>
						<el-option label="待审核" value="shanghai"></el-option>
						
					</el-select>
				</div>
			</div>
			
			<div>
				
				<el-button type="primary" plain>查询</el-button>
				<el-button plain>清空</el-button>
			</div>
		</div>
		
		<div style="width:100%; height:300px; float:left; margin-top: 50px;">
			<div style="width:100%; float:left">
				
				<template>
					<el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
						style="width: 100%" border  fit :header-cell-style="{background:'#f5f7fa',color:'#606266'}">
						<el-table-column type="selection" width="55">
						</el-table-column>
						<el-table-column fixed prop="bianhao" label="经销商编号">
						</el-table-column>

						<el-table-column prop="enddate" label="经销商">
						</el-table-column>
						<el-table-column prop="name" label="可使用积分">
						</el-table-column>
						<el-table-column prop="name" label="发放积分">
						</el-table-column>
						<el-table-column prop="name" label="已使用积分">
						</el-table-column>
						
					</el-table>
					
				</template>
				<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
						:current-page="currentPage" :page-sizes="[5, 10]" :page-size="pageSize"
						:total="tableData.length" layout="total, sizes, prev, pager, next, jumper">
					</el-pagination>
			</div>

		</div>
	</div>
		<div class="my-body">
			<div style="width:100%; float:left">
				<div>
					
					<div style="float: left; margin-left: 20px; padding: 10px 0;">---经销商订信息---</div>
				</div>
			
				<template>
					<el-table :data="tableData"
						style="width: 100%"  border  fit :header-cell-style="{background:'#f5f7fa',color:'#606266'}">
						<el-table-column type="selection" width="55">
						</el-table-column>
						<el-table-column fixed prop="bianhao" label="订货申请编号">
						</el-table-column>
		
					
						<el-table-column prop="name" label="申请日期">
						</el-table-column>
						<el-table-column prop="name" label="医院名称">
						</el-table-column>
						<el-table-column prop="name" label="合同编号">
						</el-table-column>
						<el-table-column prop="name" label="使用积分">
						</el-table-column>
						<el-table-column prop="name" label="使用时间">
						</el-table-column>
						<el-table-column prop="name" label="已使用积分">
						</el-table-column>
						<el-table-column prop="name" label="使用积分">
						</el-table-column>
						<el-table-column prop="name" label="付款凭证">
						</el-table-column>
						<el-table-column prop="name" label="备注">
						</el-table-column>
					</el-table>
					
				</template>
				<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
						:current-page="currentPage" :page-sizes="[5, 10]" :page-size="pageSize"
						:total="tableData.length" layout="total, sizes, prev, pager, next, jumper">
					</el-pagination>
			</div>
		
		</div>
	</div>
</template>

<script>
	export default {

		data() {
			return {
				key: 1, // 为了能每次切换权限的时候重新初始化指令
				valuesj: 2024,
				dialogVisiblexiolie: false,
				diaxuanzhe: false,
				rukusaomiao: false,
				laokuan: false,
				rukumingxi: false,
				bangdin:false,
				options: [{
					value: '1',
					label: '全部'
				}, {
					value: '2',
					label: '已签收'
				}, {
					value: '3',
					label: '未签收'
				}],
				data: [{
					label: '中国大陆',
					children: [{
							label: '上海',
						}, {
							label: '北京',
						},
						{
							label: '四川',
						}
					]
				}],
				value1: '',
				defaultProps: {
					children: 'children',
					label: 'label'
				},
				value: '',
				chanpingguige: false,
				dialogVisible: false,
				dialogVisiblea: false,
				hospital: false,
				area: false,
				currentPage: 1,
				pageSize: 5,
				jinxiaoshang: false,
				shouhuor: false,
				diquxuanzhe: false,
				tableData: [{
					bianhao: 'PS074107742412L',
					senddate: '2024-05-02',
					enddate: '2024-12-31',
					name: '左心耳',
					province: '完成授权',
					city: '普陀区',
					address: '苏州市中心医院',
					shouqfang: '鹰潭市方园医药有限公司',
					jingxiaos: '鹰潭市方园医药有限公司',
					peisonf: '鹰潭市方园医药有限公司',
					shouqyy: '入院',
					shangcaizhibiao: 3
				}, {
					bianhao: 'PS074107742412L',
					senddate: '2024-05-02',
					enddate: '2024-12-31',
					name: '左心耳',
					province: '完成授权',
					city: '普陀区',
					address: '苏州市中心医院',
					shouqfang: '鹰潭市方园医药有限公司',
					jingxiaos: '鹰潭市方园医药有限公司',
					peisonf: '鹰潭市方园医药有限公司',
					shouqyy: '入院',
					shangcaizhibiao: 3
				}, {
					bianhao: 'PS074107742412L',
					senddate: '2024-05-02',
					enddate: '2024-12-31',
					name: '左心耳',
					province: '完成授权',
					city: '普陀区',
					address: '苏州市中心医院',
					shouqfang: '鹰潭市方园医药有限公司',
					jingxiaos: '鹰潭市方园医药有限公司',
					peisonf: '鹰潭市方园医药有限公司',
					shouqyy: '入院',
					shangcaizhibiao: 3
				}, {
					bianhao: 'PS074107742412L',
					senddate: '2024-05-02',
					enddate: '2024-12-31',
					name: '左心耳',
					province: '完成授权',
					city: '普陀区',
					address: '苏州市中心医院',
					shouqfang: '鹰潭市方园医药有限公司',
					jingxiaos: '鹰潭市方园医药有限公司',
					peisonf: '鹰潭市方园医药有限公司',
					shouqyy: '入院',
					shangcaizhibiao: 3
				}],
				form: {
					name: '',
					regiona: '',
					regionb: '',
					regionc: '',
					regiond: '',
					date1: '',
					date2: '',
					delivery: false,
					type: [],
					resource: '',
					desc: '',
					regioB: '',
					regioA: ''
				},
				sizeForm: {
					name: '',
					region: '',
					date1: '',
					date2: '',
					delivery: false,
					type: [],
					resource: '',
					desc: ''
				}

			}
		},
		methods: {
			onSubmit() {
				console.log('submit!');
			},
			handleClose(done) {
				done();
				// this.$confirm('确认关闭？')
				// 	.then(_ => {
				// 		done();
				// 	})
				// 	.catch(_ => {});
			},

			handleClick(row) {
				console.log(row);
			},
			handleSizeChange(val) {
				this.pageSize = val;
			},
			handleCurrentChange(val) {
				this.currentPage = val;
			}
		}
	}
</script>

<style>
	.ipt_a {
		width: 230px;
		height: 50px;
		float: left;
	}
</style>